<template>
	<view class="flex align-center p-2 border-bottom border-light-secondary" hover-class="bg-light">
		<image :src="item.avatar" style="width: 100rpx;height: 100rpx;" class="mr-2 rounded-circle" mode=""></image>
		<view class="flex flex-column flex-1">
			<text class="font-md text-dark">{{item.username}}</text>
			<uni-badge v-if="item.sex>0" size="normal" :text="item.age" :class="item.sex===1 ? 'icon-nv' :'icon-nan'" class="iconfont  text-white font-sm pr-2"
			 :type="item.sex===1 ? 'error' :'primary'">

			</uni-badge>
		</view>
		<view class="uni-icon uni-icon-checkbox-filled" :class="item.isFollow ? 'text-main ' :'text-light-muted' ">
		</view>
	</view>
</template>

<script>
	import uniBadge from "@/components/uni-ui/uni-badge/uni-badge.vue"
	export default {
		props: {
			item: Object,
			index: Number
		},
		components: {
			uniBadge
		},
		data() {
			return {}
		}
	}
</script>

<style>
</style>
